.color-box {
    height: 30px;
    width: 30px;
}
.arial{
    font-family: "arial";
}
.verdana{
    font-family: "verdana";
}
.tahoma{
    font-family: "tahoma";
}
.Trebuchet{
    font-family: "Trebuchet Ms"; 
}
.times{
    font-family: "Times New Roman";
}
.georgia{
    font-family: "Georgia";
}
.garamond{
    font-family: "Garamond";
}
.palatino{
    font-family: "Palatino Linotype";
}
.comic{
    font-family: "Comic Sans MS"; 
}
.courier{
    font-family: "Courier New";
}
.bold{
    font-weight:bold;
}
.italic{
    font-style: italic;
}
.underline{
    text-decoration: underline;
}
.strike{
    text-decoration: line-through;
}
.sub, .sup {
    font-size: 0.7em;
}
.sub{
    vertical-align: sub;
}
.sup{
    vertical-align: super;
}
.font10px{
    font-size: 10px;
}
.font11px{
    font-size: 11px;
}
.font12px{
    font-size: 12px;
}
.font14px{
    font-size: 14px;
}
.font16px{
    font-size: 16px;
}
.font18px{
    font-size: 18px;
}
.font20px{
    font-size: 20px;
}
.font24px{
    font-size: 24px;
}
.font28px{
    font-size: 28px;
}
.font30px{
    font-size: 30px;
}
.height50px{
    height: 50px;
}
